<template>
    <div class="hello">
      <h1>{{ msg }}</h1>
      <p>
        Welcome to Your Vue.js App
      </p>
    </div>
  </template>
  
  <script>
  export default {
    name: 'HelloWorld',
    props: {
      msg: {
        type: String,
        default: 'Hello Vue!'
      }
    }
  }
  </script>
  
  <style scoped>
  .hello {
    text-align: center;
    margin-top: 60px;
  }
  
  h1 {
    color: #2c3e50;
    font-size: 2em;
    margin-bottom: 20px;
  }
  
  p {
    color: #7f8c8d;
    font-size: 1.2em;
  }
  </style>